/*遮罩层*/
.mask{position: fixed;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: none;}
/*头部*/
header{position: fixed;top: 0;left: 0;width: 100%;height: 2rem;background: #F5F5F5;z-index: 5;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
header .h-left{-webkit-flex: 2;flex:2;display: -webkit-flex;display: flex;justify-content: flex-start;align-items: center;padding-left: .6rem;}
header .h-right{-webkit-flex: 2;flex:2;text-align: right;padding-right: .6rem;display: -webkit-flex;display: flex;justify-content: flex-end;align-items: center;}
header .h-right a,header .h-left a{font-size: 1.2rem;color: #9B9B9B;margin-left: .2rem;}
header .h-left a{margin-right: .2rem;margin-left: 0;}
header h1{-webkit-flex: 1;flex:1;text-align: center;line-height: 2rem;color: #010101;font-size: .65rem;}
header a.icon-zuojiantou1,header a.icon-arrow-left{font-size: 1.2rem;position: absolute;left: .6rem;color: #9B9B9B;top: .4rem;}
header a.icon-add{font-size: 1.2rem;position: absolute;right: .6rem;color: #ff5000;top: .3rem;}
header a.icon-arrow-left{font-size: 1rem;top: .5rem;}
header a.share{position: absolute;right: .6rem;color: #2c2c2c;text-align: center;display: -webkit-flex;display: flex;flex-flow: column;justify-content: center;top: 0;height: 2rem;}
header a.share i{font-size: .9rem;}
header a.share p{font-size: .45rem;}
header.bg-black{align-items: center;}
header.bg-black h1{color: #fff;}
header.bg-black a{color: #fff;font-size: .8rem;margin-left: .6rem;margin-right: .5rem;}
header.bg-black:after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #7B6464;}
header.bg-black img{width: 3.6rem;}
/*底部*/
footer{position: fixed;z-index: 2;bottom: 0;left: 0;width: 100%;height: 2.2rem;background: #fff;border-top: 1px solid #e2e2e2;}
footer .myfooter{height: 2.2rem;display: -webkit-flex;display: flex;flex-flow: row;align-items:center;justify-content:space-around;}
footer .myfooter a{-webkit-flex: 1;flex: 1;text-align: center;position: relative;}
footer .myfooter a i{font-size: 1.1rem;color:  #595959;}
footer .myfooter a p{font-size: .5rem;color: #2C2C2C;letter-spacing: 0.2px;margin-top: -.15rem;}
footer .myfooter a.current i,footer .myfooter a.current p{color: #FF5000;}
footer .myfooter a em.amount{background: #FF5500;display: block;border-radius: 100%;color: #fff;font-size: .5rem;width: .6rem;height: .6rem;text-align: center;line-height: .6rem;position: absolute;right: 1.1rem;top: .1rem;}
.redket{position: absolute;background: #E10000;border-radius: 1rem;right: .6rem;top: -1.1rem;padding: 0 .3rem;line-height: 1rem;justify-content: center;align-items: center;}
.redket:after{position: absolute;content: '';right: 1.3rem;bottom: -.1rem;border-left: .1rem solid transparent;border-right: .1rem solid transparent;border-top: .1rem solid #E10000;}
.redket span{color: #fff;font-size: .45rem;}
.redket em{color: #FFFFFF;font-size: .5rem;background: #FF5500;border: 1px solid #FFFFFF;width: .6rem;height: .6rem;border-radius: 100%;margin-left: .1rem;line-height: .6rem;text-align: center;}
/*发布房源*/
footer .publish{background: #FF5000;color: #fff;height: 2.2rem;align-items:center;justify-content:center;position: relative;}
footer .publish i{font-size: .6rem;margin-right: .6rem;}
footer .publish span{font-size: .6rem;}
.bg-gray{background: #F6F6F8 !important;}
.bg-black{background: #000 !important;}
.bg-black{background: #000 !important;}
.pt2{padding-top: 2rem;}
.pb4{padding-bottom: 4rem !important;}
.pb6{padding-bottom: 6rem !important;}
.pt3{padding-top: 3.6rem !important;}
.pt4{padding-top: 4rem !important;}
.pb2{padding-bottom: 2.2rem !important;}
.row{display: -webkit-flex;display: flex;flex-flow: row;}
.column{display: -webkit-flex;display: flex;flex-flow: column;}
.block4{height: .4rem;background: #f4f4f4;}
.block3{height: .3rem;background: #f4f4f4;}
.block10{height: 1rem;background: #f4f4f4;}
.clip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mt0{margin-top: 0 !important;}
/*回复*/
.replybox{position: fixed;bottom: 0;left: 0;width: 100%;height: 2rem;background: #fff;}
.replybox .reply{padding: 0 .7rem;height: 2rem;display: -webkit-flex;display: flex;flex-flow: row;align-items:center;justify-content:space-between;}
.replybox .reply input[type=text]{padding: 0 .4rem;width: 11rem;font-size: .55rem;height: 1.4rem;line-height: 1.4rem;border: 1px solid #CCCCCC;border-radius: .2rem;}
.replybox .reply a{width: 2rem;height: 1.4rem;text-align: center;line-height: 1.4rem;border: 1px solid #D8D8D8;background: #D8D8D8;color: #fff;border-radius: .2rem;font-size: .55rem;}
.replybox .reply input[type=text]::-webkit-input-placeholder{color: #bfbfbf;font-size: .55rem;}
.c-type-box{height: 3.5rem;}
.c-type-box:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 1px;background: #e2e2e2;}
.c-type-box .c-type{padding: .45rem .6rem .2rem;justify-content: flex-start;align-items: center;}
.c-type-box .c-type span{color: #2C2C2C;font-size: .45rem;margin-right: .3rem;}
.c-type-box .c-type a{color: #262626;font-size: .45rem;margin-right: .6rem;border: 1px solid #e2e2e2;border-radius: .2rem;padding: .05rem .3rem;}
.c-type-box .c-type a.active{background: #FFF6F1;border-color: #FF5000;color: #FF5000;}
.reply .num{position: relative;}
.reply .num em{position: absolute;color: #BFBFBF;font-size: .5rem;right: .4rem;top: .35rem;}
/*暂无内容*/
.short{margin-top: 6rem;text-align: center;}
.short.hux{margin-top: 2rem;}
.short i{font-size: 1.8rem;color: #9b9b9b;margin-bottom: .5rem;}
.short p{font-size: .45rem;color: #9b9b9b;position: relative;}
.short h2{font-size: .6rem;color: #666;margin-bottom: .3rem;font-weight: normal;}
.short .row{justify-content: center;align-items: center;}
.short .row p{margin: 0 .3rem;}
.short .row .line{width: 1rem;height: 1px;background: #e2e2e2;}
